<template>
<!--
 * @FileDescription: body
 * @author Sun Yan
 * @Date $ 
-->
<div class="main-container">
 <slot></slot>
</div>
</template>
<script>
 /**
  * @description: 方法描述
  * @param {参数类型} 参数名称
  * @param {参数类型} 参数名称
  * @return void
  */
export default {
    name: "com-main",
    data(){
        return {
            
        }
    },
    created() {
    
    },
    
    methods: {
    
    }
}
</script>

<style lang="scss">
.main-container {
  @include wh(100vw, calc(100vh - 88px));
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
  padding:  var(--mb-2-5)  var(--mb-2-5)  0;
  @include respond-to('sx') {
    @include wh(100vw, calc(100vh - 50px));
    padding: var(--mb-1);
  }

  @include respond-to('xl') {
    margin: 0 auto;
    //transform: translateX(-50%);
    //left: 50%;
  }

}
</style>